/******Custom******/

#bo_r{
    width: 360px;
    float:left;
    border: 1px solid #C7C7C7;
}

#bo_r h3{
    text-align: center;
    float:left;
    width: 360px;
    height: 45px;
    line-height: 45px;
    margin: 0px 5px;
    font-size: 1.4em;
    padding: 0px;
}
#bar_rote{
    float:left;
    width: 360px;
    height: 65px;
    margin: -5px 5px 0px 5px;
    font-size: 13px;
    font-weight: bold;
    color: black;
}
#bar_rote li{
    margin-top:5px;
    height: 55px;
    float:left;
    width: 119px;
}
#bar_rote li img{
    margin: 5px 0px 5px 44px;
    padding-right: 20px;
}
#bar_rote li a{
    color:black;
    text-align: center;
}
#li_mid{
    border-left: solid 1px #c7c7c7;
    border-right: solid 1px #c7c7c7;
}
#mid_cust{
    float:left;
    width: 300px;
    margin: 0px 0px 0px 28px; 
}

#mid_cust p{
    padding-bottom: 0px;
}

#step_top ul{
    background-image: url("../img/buoc.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 300px;
    height: 24px;

}
#step_top li{
    float:left;
    width: 10px; 
}
#step_top li a{
    text-align: center;
    float:left;
    width: 27px;
    line-height: 23px;
    height: 27px;
    color:#a6a6a6;
}
#step_top li a:hover{
    color:white;
    background-image: url("../img/buoc_act.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 17px;
}

#st1{
    margin-left: -2.3px;
}
#st2{
    margin-left: 80px;
}
#st3{
    margin-left: 163px;
}
#st4{
    margin-left: 245px;
}

#step_mid{
    width: 300px;
    background-image: url("../img/bg_sym.png");
    background-repeat: repeat-x;
    border: solid 1px #c7c7c7;
    border-radius: 7px;
    box-shadow: 0px 0px 0px 2px #eeedec;
    float:left;
    margin-top: 10px;
}
#sm_top p
{
    float:left;
    width:288px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 13px;
    padding-left: 13px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.attribute_select{
}
#sm_top span{
    color:#ff922d;
    margin-left: 13px;
    border-left:solid 1px #c7c7c7;
    padding: 6px;
}
#sm_mid1{
    border-bottom: 1px dashed #C7C7C7;
    border-top: 1px solid #C7C7C7;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 5px;
    width: 285px;
    padding-bottom: 10px;
}
#sm_mid1 span{
    color:red;
}
#sm_mid1 p{
    margin: 8px 10px 0px 10px;
    float:left;
    padding-bottom: 0px;
    width: 100%;
}
#sm_mid1 input{
    margin: 0px 3px 0px 17px;
}

#sm_mid2{
    width:285px;
    font-weight: bold;
    border-bottom: dashed 1px #c7c7c7;
    font-size: 13px;
    margin: 0px 5px;
    height: 90px;

}
#sm_mid2 p{
    margin: 0px 10px 0px 10px;
    float:left;
    width: 280px;
    padding-bottom: 0px;
}
#sm_mid2 span{
    float: left;
    color:red;

}
#sm_mid2 input{
    float: left;
    margin: 10px 3px 0px 17px;
    width: 180px;
    height: 27px;
    border: none;
    padding-left: 10px;
    background-image: url("../img/bg_widht.png");
    background-position: center;
    background-repeat: no-repeat;
    margin: -5px 0 21px 5px;
}

#sm_mid3{
    width:280px;
    font-weight: bold;
    border-bottom: dashed 1px #c7c7c7;
    font-size: 13px;
    margin: 0px 5px;
    height: 72px;

}
#sm_mid3 p{
    margin: 0px 10px 0px 10px;
    float:left;
    width: 280px;
}
#sm_mid3 span{

    color:red;

}
#sm_mid3 select{
}
#sm_mid2 label{
    color: #545454;
    float: left;
    margin-left: 10px;
    width: 80px;
}

#sm_bot{
    width:280px;
    font-weight: bold;
    font-size: 13px;
    margin: 0px 15px;
    height: 50px;
    padding-top: 17px;
}
#sm_bot h3{
    float:left;
    margin: 8px 0 0;
    font-size: 2em;
}
#sm_bot .next-button{
    cursor: pointer;
    width: 110px;
    height: 28px;
    border: none;
    line-height: 28px;
    text-align: center;
    color: white;
    background-image: url("../img/nextst.png");
    background-position: center;
    background-repeat: no-repeat;
    float:right;

}
.stepbot{
    float:left;
}
.step_bot label{
    float: left;
    width: 20px;
    height: 34px;
    padding-left: 15px;
    border-right: solid 1px #c9c9c9;
    line-height: 34px;

}
.step_bot p
{
    float:left;
    width:300px;
    height: 35px;
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    font-size: 13px;
    background-image: url("../img/bg_sel.png");
    background-position: center;
    background-repeat: no-repeat;

}
.step_bot select{
    width: 263px;
    height: 35px;
    line-height: 35px;
    background-image: url("../img/bg_sel.png");
    background-position: center right;
    background-repeat: no-repeat;
    border: none;
    font-weight: bold;

    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance:none;

}
#add_cart{
    float:left;
    width: 215px;
    /*height: 485px;*/
    height: auto;
    border:solid 1px #c9c9c9;
    margin-top: -5px;
    margin-left: 25px;
}

#add_cart p{
    padding-bottom: 0px;
}


#top_or h4{
    padding-left: 10px;
    margin-top: 7px;
    padding-bottom: 7px;
    border-bottom: solid 1px #c9c9c9;
}
.order_info{
    border-bottom: dashed 1px #c9c9c9;
    margin: 10px 10px 0px 10px;
    padding-bottom: 10px;
    font-size: 13px;
    color: #545454;

}
.order_info h4{
    color:#f98618;
}
.order_info p{
    margin-top: 12px;
}
.order_info span{
    font-weight: bold;
}

#bot_or{
    border-bottom: solid 1px #c9c9c9;
    padding: 10px 0px 10px 10px;
    color: #545454;
    font-size: 13px;

}
#bot_or h4{
    color:#f98618;
}
#bot_or p{
    margin-top: 12px;
}
#bot_or span{
    font-weight: bold;
}
#quali{
    /*float: left;*/
    border-radius: 5px;
    margin: 8px 0 8px 8px;
    border: solid 1px #c9c9c9;
    width: 196px;
    height: 55px;
    background-color:white;
    color: #545454;
}
#quali p{

    float:left;
    font-size: 13px;
    margin: 5px 0px 7px 7px;
    width: 175px;
}
.top_p1{
    float: left;
    font-weight: bold;
}
.top_p2{
    float: right
}
#add_cart_bot  div.addtocartbutton {
    /* float: left;
         
     width: 196px;
     height: 44px;
     background-color:white;*/
    /*margin: 10px 0px 8px 0px;*/
    padding: 8px;
    margin-bottom: 55px;
    line-height: 44px;
    text-align: center;
    /*border: solid 1px #c9c9c9;*/
    /*background-image: url("../img/bg_addto.png");*/
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.2em;
    list-style: none;
    cursor: pointer;
}
#add_cart_bot  div.addtocartbutton a:hover {
    color: #E7E7E7;
    background-color: #E7E7E7;
    /*background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;*/
}
#add_cart_bot div.addtocartbutton a{
    width: 200px;
    height: 44px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    /*margin-left: 8px;*/
    float: left;
    background-image: url("../img/bg_addto.png");
}

#sym_info {
    float:left;
    width: 415px;
    margin: 50px 0px 70px 0px;
}
#tit h3{
    color:#f98618;
    padding-bottom: 15px;
    border-bottom: solid 1px #c9c9c9;
    font-size: 16px;
}

.sym_i{
    float:left;
    margin-top: 15px;
    border-bottom: dashed 1px #c9c9c9;
    font-size: 12px;

}

.sym_i h3{
    float:left;
    width: 205px;
    padding-bottom: 0px;
    font-size: 1.17em;
}
.sym_i p{
    float:left;
    width: 210px;
    padding-bottom: 15px;
}

/*ss*/
/*.sym_i label{
 float:left;
 width: 46px;
 margin:  25px 0 0 -50px;
 text-transform: uppercase;
 text-align: center;
}*/


/** checkbox css3 style */
p.checkboxaction input[type="checkbox"] {
        display:none;
    /*  -webkit-appearance: none; 
      -moz-appearance:none;*/
}
p.checkboxaction input[type="checkbox"] + label {
    text-transform: uppercase;
    text-align: center;
    float:left;
    width: 46px;
    /*margin:  25px 0 0 -50px;*/
}
p.checkboxaction input[type="checkbox"] + label span{

    width:19px;
    height:19px;
    margin:-1px 4px 0px 0px;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) left top no-repeat;
    cursor: pointer;
    display: inline-block;
    /* -webkit-appearance: inline-block;  
     -moz-appearance: inline-block;*/

}

p.checkboxaction  input[type="checkbox"]:checked  + label  span{
        background:url(../img/check_radio_sheet.png) -19px top no-repeat;
    /*background-image: url(../img/check_radio_sheet.png) -19px top no-repeat;*/
}

#sym_i_last p{
    float:left;
    width: 210px;
    padding-bottom: 15px;
}

#sym_i_last h3{
    float:left;
    width: 205px;
}
#sym_i_last{
    float:left;
    margin-top: 15px;
    font-size: 12px;

} 

#mid_lane {
    float:left;
    margin: 50px 0px 70px 30px;
    width: 240px;
    font-size: 12px;
    overflow: hidden;

}
#mid_lane h3{
    color:#f98618;
    padding-bottom: 15px;
    border-bottom: solid 1px #c9c9c9;
    font-size: 16px;
} 
.mid_l
{
    padding-bottom: 45px;
}
.mid_l a{
    color:#007eff;
} 
.mid_l p{
    margin-top: 15px;
    padding-bottom:0px;
    line-height: 25px;
}

#right_lane{
    float:left;
    margin: 50px 0px 70px 20px;
    width: 220px;
    font-size: 12px;
    border: solid 1px #c9c9c9;
    position: relative;
    padding-top: 40px;
}
#right_lane a{
    float: left;
    color:#007eff;
    margin:0px 0px 0px 20px;
    padding-bottom: 30px;
} 
#right_lane p{
    margin:0px 0px 10px 20px;
    padding-bottom: 0px;
}
#right_lane h3{
    position: absolute;
    top: -15px;
    left: 15px;
    color:white;
    line-height: 26px;
    width: 102px;
    height: 26px;
    background-image: url("../img/bg_guild.png");
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding-bottom: 0px;
}


